<!DOCTYPE html>
<html>
  <head>
      <title>{{ site.title }}</title>
      {{include 'components/import'}}
      <!-- <link rel="stylesheet" href="/stylesheets/bootst/bootstrap.min.css"> -->
      <link rel="stylesheet" href="/stylesheets/defaultstyle.css">

  </head>
  <body>
      <!-- {{include 'components/site-nav'}} -->
      {{include 'components/header'}}
      <!-- {{ ratio_info }} -->
    <div class="container-fluid" id="ratio">
      <h4 class="tit">
        {{ each ratio_info data }}
            <div class="item">
              <strong>{{ data.title }}</strong>
              <a data-pid="{{@ data._id }}" class="delete-p" href="#"><i class="fa fa-trash-o"></i></a>
            </div>
        {{ /each }}
        <!-- <div class="item">
          <strong>浦口江浦 黄金繁华地段旺铺低价转让</strong>
          <a href="#"><i class="fa fa-trash-o"></i></a>
        </div>
        <div class="item">
          <strong>浦口江浦 黄金繁华地段旺铺低价转让</strong>
          <a href="#"><i class="fa fa-trash-o"></i></a>
        </div>
        <div class="item">
          <strong>浦口江浦 黄金繁华地段旺铺低价转让</strong>
          <a href="#"><i class="fa fa-trash-o"></i></a>
        </div> -->
      </h4>
      <div class="pic">
          {{ each ratio_info data }}
          <div class="item">
            <img src="{{ data.images[0] | watermark}}" alt="">
          </div>
          {{ /each }}
        <!-- <div class="item">
          <img src="img/store-pic.jpg" alt="">
        </div>
        <div class="item">
          <img src="img/store-pic.jpg" alt="">
        </div>
        <div class="item">
          <img src="img/store-pic.jpg" alt="">
        </div> -->
      </div>
      <div class="price">
          {{ each ratio_info data }}
          <div class="item">
            <dl class="dl-horizontal">
                {{ if data.infoType == 'Attorn' }}
                    <dt>面　积：</dt>
                    <dd><strong>{{ data.estate.area }}</strong>m<sup>2</sup></dd>
                    <dt>租　金：</dt>
                    <dd><strong>{{ data.estate.rental }}</strong>元/月</dd>
                    <dt>转让费：</dt>
                    <dd><strong>{{ data.estate.transferFee }}</strong>万元</dd>
                    {{ else }}
                    <dt>面　积：</dt>
                    <dd><strong>{{ data.estate.area.min }} ~ {{ data.estate.area.max }}</strong>m<sup>2</sup></dd>
                    <dt>租　金：</dt>
                    <dd><strong>{{ data.estate.rental.max }}</strong>元/月</dd>
                    <dt>转让费：</dt>
                    <dd><strong>{{ data.estate.transferFee.max }}</strong>万元</dd>
                {{ /if }}
            </dl>
          </div>
          {{ /each }}
        <!-- <div class="item">
          <dl class="dl-horizontal">
            <dt>面　积：</dt>
            <dd><strong>378</strong>m<sup>2</sup></dd>
            <dt>租　金：</dt>
            <dd><strong>40000</strong>元/月</dd>
            <dt>转让费：</dt>
            <dd><strong>6.5</strong>万元</dd>
          </dl>
        </div>
        <div class="item">
          <dl class="dl-horizontal">
            <dt>面　积：</dt>
            <dd><strong>378</strong>m<sup>2</sup></dd>
            <dt>租　金：</dt>
            <dd><strong>40000</strong>元/月</dd>
            <dt>转让费：</dt>
            <dd><strong>6.5</strong>万元</dd>
          </dl>
        </div>
        <div class="item">
          <dl class="dl-horizontal">
            <dt>面　积：</dt>
            <dd><strong>378</strong>m<sup>2</sup></dd>
            <dt>租　金：</dt>
            <dd><strong>40000</strong>元/月</dd>
            <dt>转让费：</dt>
            <dd><strong>6.5</strong>万元</dd>
          </dl>
        </div> -->
      </div>
      <div class="area">
          {{ each ratio_info data }}
              {{ if data.infoType == 'Attorn'}}
              <div class="item">
                <i class="fa fa-map-marker"></i>
                <a href="javascript:;">{{ data.estate.district }}</a>
                <a href="javascript:;">{{ data.estate.shopArea }}</a>
                <span>{{ data.estate.subway }}</span>
              </div>
              {{ else }}
              <div class="item">
                <i class="fa fa-map-marker"></i>
                <a href="javascript:;">{{ data.estate.district[0] }}</a>
                <a href="javascript:;">{{ data.estate.shopArea[0] }}</a>
                <span>{{ data.estate.subway[0] }}</span>
              </div>
              {{/if  }}
          {{ /each }}
        <!-- <div class="item">
          <i class="fa fa-map-marker"></i>
          <a href="javascript:;">栖霞区</a>
          <a href="javascript:;">东城区</a>
          <span>南湖路</span>
        </div>
        <div class="item">
          <i class="fa fa-map-marker"></i>
          <a href="javascript:;">栖霞区</a>
          <a href="javascript:;">东城区</a>
          <span>南湖路</span>
        </div>
        <div class="item">
          <i class="fa fa-map-marker"></i>
          <a href="javascript:;">栖霞区</a>
          <a href="javascript:;">东城区</a>
          <span>南湖路</span>
        </div> -->
      </div>
      <div class="type">
          {{ each ratio_info data }}
            <div class="item">{{ data.estate.type }}</div>
          {{ /each }}
        <!-- <div class="item">商业街商铺</div>
        <div class="item">商业街商铺</div>
        <div class="item">商业街商铺</div> -->
      </div>
      <!-- <div class="industry">
        <div class="item">
          <span>酒楼餐饮</span>
          <span>面包店</span>
          <small>不适合经营服饰鞋包、汽修美容、教育培训</small>
        </div>
        <div class="item">
          <span>酒楼餐饮</span>
          <span>面包店</span>
        </div>
        <div class="item first">
          <span>酒楼餐饮</span>
          <span>面包店</span>
          <small>不适合经营服饰鞋包、汽修美容、教育培训</small>
        </div>
      </div>
      <div class="state">
        <div class="item first">营业中<span class="label label-theme">不可空转</span></div>
        <div class="item">停业</div>
        <div class="item">营业中<span class="label label-theme">不可空转</span></div>
      </div>
      <div class="bus">
        <div class="item first">
          <div class="tip"><small>(2公里以内交通设施)</small></div>
          <div class="con">
            <strong><span>1</span>条地铁</strong>
            <p>地铁1号线</p>
            <strong><span>25</span>个公交站</strong>
            <p>春城家园; 机场路(居然之家); 春合苑; 友谊南路; 华夏南路(学前东路); 学前东路(华夏路); 春城家园; 机场路(居然之家); 春合苑; 友谊南路; 华夏南路(学前东路); 学前东路(华夏路); </p>
          </div>
        </div>
        <div class="item">
          <div class="tip"><small>(2公里以内交通设施)</small></div>
          <div class="con">
            <strong><span>1</span>条地铁</strong>
            <p>地铁1号线</p>
            <strong><span>16</span>个公交站</strong>
            <p>春城家园; 机场路(居然之家); 春合苑; 友谊南路; 华夏南路(学前东路);  </p>
          </div>
        </div>
        <div class="item">
          <div class="tip"><small>(2公里以内交通设施)</small></div>
          <div class="con">
            <strong><span>1</span>条地铁</strong>
            <p>地铁1号线</p>
            <strong><span>25</span>个公交站</strong>
            <p>春城家园; 机场路(居然之家); 春合苑; 友谊南路; 华夏南路(学前东路); 学前东路(华夏路); 春城家园; 机场路(居然之家); 春合苑; 友谊南路; 华夏南路(学前东路); 学前东路(华夏路); </p>
          </div>
        </div>
      </div>
      <div class="facility">
        <div class="item">
          <div class="tip"><small>(2公里以内商业设施)</small></div>
          <div class="con">
            <strong>购物<span>7</span>处</strong>
            <p>旺发烟酒店; 绿波渔具; 冠华机械配件经营部; 上海万客隆超市</p>
            <strong>银行<span>1</span>处</strong>
            <p>中国工商银行ATM(碧波路) </p>
          </div>
        </div>
        <div class="item first">
          <div class="tip"><small>(2公里以内商业设施)</small></div>
          <div class="con">
            <strong>购物<span>7</span>处</strong>
            <p>旺发烟酒店; 绿波渔具</p>
            <strong>银行<span>1</span>处</strong>
            <p>中国工商银行ATM(碧波路) </p>
          </div>
        </div>
        <div class="item">
          <div class="tip"><small>(2公里以内商业设施)</small></div>
          <div class="con">
            <strong>购物<span>7</span>处</strong>
            <p>旺发烟酒店; 绿波渔具; 冠华机械配件经营部; 上海万客隆超市</p>
            <strong>银行<span>1</span>处</strong>
            <p>中国工商银行ATM(碧波路) </p>
          </div>
        </div>
      </div>
      <div class="total">
        <div class="item">
          <dl class="dl-horizontal">
            <dt>推荐指数：</dt>
            <dd class="hot-3">
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
            </dd>
            <dt>推荐理由：</dt>
            <dd>没有相关对比推荐</dd>
          </dl>
        </div>
        <div class="item">
          <dl class="dl-horizontal">
            <dt>推荐指数：</dt>
            <dd class="hot-2">
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
            </dd>
            <dt>推荐理由：</dt>
            <dd>每平米单价最低（转让费已折合成单位面积价格）</dd>
          </dl>
        </div>
        <div class="item">
          <dl class="dl-horizontal">
            <dt>推荐指数：</dt>
            <dd class="hot-4">
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
              <i class="fa fa-hand-peace-o"></i>
            </dd>
            <dt>推荐理由：</dt>
            <dd>周边商业设施最为繁华（购物7处、银行1处、餐饮15处）</dd>
          </dl>
        </div>
      </div> -->
    </div>


    {{include 'components/footer'}}
  </body>
  <script>
      var deletePub = $('.delete-p');
      var exchangeArr = JSON.parse(localStorage.getItem('exchange'));
      deletePub.on('click',function(){
          var pid = $(this).data('pid');
          remove(exchangeArr,pid);
          localStorage.setItem('exchange',JSON.stringify(exchangeArr));
          $('.delete-p').attr('href','/'+CITY+'/ratio?query='+exchangeArr);
      });
      function remove (arr, ele) {
            var index = arr.indexOf(ele);
            if(index > -1) {
                arr.splice(index, 1);
            }
            return arr;
        }
  </script>
</html>
